import * as React from 'react'
import { useState } from 'react'
import './Complete.css'
import { useNavigate } from 'react-router-dom';
import completePng from "../assets/images/complete.png"
import Header from '../components/header.jsx'

function Complete() {
  const navigateTo = useNavigate();
  const goBack = () => {
    navigateTo.back();
  }
  return (
    <div>
      	<Header></Header>
      <div className="user">

        <div className="container complete">
          <div>
            <text className="back" onClick={goBack}>{'<'}BACK</text>
          </div>
          <img className="completeIcon" src={completePng} mode=""></img>

          <text className="p1">
            Complete the task to obtain AON Points
          </text>

          <text className="p2">
            Your current points are insufficient. Please complete the task to obtain more AON Points.
          </text>

          <button className="Sharebtn">Share</button>
        </div>
      </div>
    </div>
  );
}

export default Complete;
